<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <!-- Bootstrap v3.3.4 核心 CSS 文件 -->
    <link rel="stylesheet" href="../css/bootstrap.min.css">
    <script src="../js/jquery.min.js"></script>
    <!-- Bootstrap v3.3.4 核心 JavaScript 文件 -->
    <script src="../js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="../css/sqh_style_v2.0.css">
    <script src="../js/sqh_js_v2.0.js"></script>
    <title>客户详情</title>
    <style>
        .userlist li{
            padding: 6px 0;
            overflow: hidden;
        }
    </style>
</head>
<body class="">

<div class="container-fluid bg_232323 color_fff padding_top_10 padding_bottom_10">
    <a href="http://www.baidu.com">
        <div class=" col-xs-2">
            <span class="icon iconfont color_fff" aria-hidden="true">&#xe608;</span>
        </div>
    </a>
    <div class="col-xs-8 text-center">
        <span class="font_18"  role="button" aria-expanded="false">客户详情</span>
    </div>
    <div class="col-xs-2">
        <div class="col-xs-2 text-right">
        </div>
    </div>
</div>

<div  class="container-fluid border_b_bottom_eee">
    <div class="row ">
        <ul class="list-unstyled userlist container-fluid border_b_bottom_eee">
            <li class="">
                <div class="">
                    <div class="float_left">
                        <div class="">
                            <span class="font_18">刘御</span>
                            <span class="">先生</span>
                            <!--<span class="margin_left_10 bg_f3bb64 color_fff border_radius25 padding_left_right_6">已成交</span>-->
                        </div>
                        <div class="color_99">182 2988 6770</div>
                    </div>
                    <div class="float_right line_height_40px relative">
                        <a href="tel:18229886770">
                            <span class="icon iconfont font_24 color_4996f6" aria-hidden="true">&#xe647;</span>
                        </a>
                        <span class="border_b_left_eee absolute height_div_35" style="top: 0;left: -10px;">&nbsp;</span>
                    </div>
                </div>
            </li>
        </ul>
    </div>
</div>

<div class="height_div_35 font_16 container-fluid bg_f4f9ff">
    家庭信息
</div>

<div class="container-fluid border_b_bottom_eee">
    <div class="container-fluid padding_right_0 line_height_40px">
        <div class="border_b_bottom_eee overflow_hidden">
            <div class="float_left">家属：刘元</div>
            <div class="float_left">182 2988 6770</div>
            <div class="float_right line_height_40px relative">
                <a href="tel:18229886770">
                    <span class="icon iconfont font_24 color_4996f6" aria-hidden="true">&#xe647;</span>
                </a>
                <span class="border_b_left_eee absolute height_div_35" style="top: 0;left: -10px;">&nbsp;</span>
            </div>
        </div>
        <div class=" overflow_hidden">
            逝者：六张善
        </div>
    </div>
</div>

<div class="container-fluid">
    <div class="row padding_bottom_10 border_b_bottom_eee">
        <div class="container-fluid line_height_40px margin_top_10 border_b_bottom_eee border_b_top_eee">
            <div class="float_left width_23px display_inline_block padding_top_10">
                <img src="../img/tsdd/add_blue_icon.jpg" class="img-responsive">
            </div>
            <span class="margin_left_5">报备陵园</span>
            <span class="float_right icon iconfont font_24 color_99" aria-hidden="true">&#xe611;</span>
        </div>
    </div>
</div>

<div class="height_div_35 font_16 container-fluid bg_f4f9ff">
    九公山陵园
</div>

<div class="padding_top_10 overflow_hidden relative">
    <div class="width_90 margin_center ">

        <div class="float_left width_25">
            <div class="padding_top_15">
                <img src="../img/tsdd/user_info_1.png" class="img-responsive width_40px margin_auto">
            </div>
            <div class="text-center line_height_20">
                报备待看
            </div>
        </div>

        <div class="absolute " style="top:47%;left: 15%;border: 1px solid #f3bb64;width: 35%;z-index: -1"></div>

        <div class="width_50 float_left  margin_center">
            <img src="../img/tsdd/user_info_2.png" class="img-responsive width_80px margin_auto">
        </div>

        <div class="absolute " style="top:47%;right: 15%;border: 1px solid #cccccc;width: 35%;z-index: -1"></div>

        <div class="float_right width_25">
            <div class="padding_top_15">
                <img src="../img/tsdd/user_info_3.png" class="img-responsive width_40px margin_auto">
            </div>
            <div class="text-center line_height_20">
                成交
            </div>
        </div>

    </div>

</div>

<div  class="container-fluid  margin_top_15">
    <div class="row border_b_top_eee">
        <ul class="list-unstyled userlist container-fluid border_b_bottom_eee">
            <li class="border_b_bottom_eee">
                <div class="float_left">
                    确认成交
                </div>
                <div class="float_right">
                    2015-10-16 13:10:39
                </div>
                <div class="clearfix"></div>
            </li>

            <li class="border_b_bottom_eee">
                <div class="float_left">
                    确认带看
                </div>
                <div class="float_right">
                    2015-10-17 13:10:39
                </div>
            </li>

            <li class="border_b_bottom_eee">
                <div class="float_left">
                    预约看墓时间
                </div>
                <div class="float_right">
                    2015-10-17
                </div>
            </li>

            <li class="">
                <div class="float_left">
                    报备客户
                </div>
                <div class="float_right">
                    2015-10-18 13:10:39
                </div>
            </li>


        </ul>
    </div>
</div>

<div class="fixed line_height_40px all_width" style="bottom: 0;left: 0">
    <div class="margin_center width_80 text-center">
        <a href="">
        <span class="display_inline_block " style="width: 180px;">
            <img src="../img/tsdd/customer_servier.jpg" class="img-responsive width_20px float_left padding_top_10">
            <span class="display_inline_block color_4996f6 line_height_40px font_16 ">联系寿多多服务专员</span>
        </span>
        </a>
    </div>
</div>


</body>
<script>

    $(function(){
        autoNav(".fixed");
    });

</script>
</html>
